﻿<phone:PhoneApplicationPage xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                            xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
                            xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
                            xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                            xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                            xmlns:AchievementSample_ViewModels="clr-namespace:AchievementSample.ViewModels" x:Class="AchievementSample.ItemPage"
                            FontFamily="{StaticResource PhoneFontFamilyNormal}" FontSize="{StaticResource PhoneFontSizeNormal}"
                            Foreground="{StaticResource PhoneForegroundBrush}" SupportedOrientations="Portrait" Orientation="Portrait"
                            mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480" shell:SystemTray.IsVisible="True">
 
  <!--Sample code showing usage of ApplicationBar-->
  <!--<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="Button 2"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>-->

  <phone:PhoneApplicationPage.DataContext>
    <AchievementSample_ViewModels:ItemViewModel />
  </phone:PhoneApplicationPage.DataContext>

  <!--LayoutRoot is the root grid where all page content is placed-->
  <Grid x:Name="LayoutRoot" Background="Transparent">
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />
      <RowDefinition Height="*" />
    </Grid.RowDefinitions>

    <!--TitlePanel contains the name of the application and page title-->
    <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
      <TextBlock x:Name="ApplicationTitle" Text="ACHIEVEMENTS SAMPLE"
                 Style="{StaticResource PhoneTextNormalStyle}" />
      <TextBlock x:Name="PageTitle" Text="{Binding Achievement.Title}" Margin="9,-7,0,0"
                 Style="{StaticResource PhoneTextTitle1Style}" />
    </StackPanel>
    <Grid HorizontalAlignment="Left"
          Visibility="{Binding Achievement.IsHidden, Converter={StaticResource VisibilityConverter}}" Margin="12,132,0,0"
          Grid.Row="1" Height="51" VerticalAlignment="Top">
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto" />
        <ColumnDefinition />
      </Grid.ColumnDefinitions>
      <TextBlock TextWrapping="Wrap" VerticalAlignment="Top" Style="{StaticResource PhoneTextGroupHeaderStyle}"
                 Margin="0" d:LayoutOverrides="VerticalAlignment, Width" Grid.Column="1" Text="This is a hidden achievement." />
    </Grid>

    <!--ContentPanel - place additional content here-->
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0"
          Visibility="{Binding Achievement.IsHidden, Converter={StaticResource InvisibilityConverter}}">
      <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
      </Grid.RowDefinitions>
      <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding Achievement.Title}"
                 VerticalAlignment="Top" Style="{StaticResource PhoneTextTitle2Style}" Grid.Row="1" />
      <TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding Achievement.Description}"
                 VerticalAlignment="Top" Style="{StaticResource PhoneTextTitle3Style}" Grid.Row="2" />
      <Grid HorizontalAlignment="Left" Margin="12,0,0,0" Grid.Row="3">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto" />
          <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <TextBlock TextWrapping="Wrap" Text="{Binding Achievement.IsUnlocked}" VerticalAlignment="Top"
                   Style="{StaticResource PhoneTextGroupHeaderStyle}" Margin="0" d:LayoutOverrides="VerticalAlignment, Width"
                   Grid.Column="1" />
        <TextBlock Margin="0,12,1,12" TextWrapping="Wrap" Text="Unlocked: " d:LayoutOverrides="Width, Height"
                   Style="{StaticResource PhoneTextAccentStyle}" VerticalAlignment="Center" />
      </Grid>
      <Image HorizontalAlignment="Left" Margin="0,0,0,17" Width="100"
             Source="{Binding Achievement.LargeImageUri, Mode=OneWay}" />
      <Grid HorizontalAlignment="Left" Margin="12,0,0,0" Grid.Row="4">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto" />
          <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <TextBlock TextWrapping="Wrap" Text="{Binding Achievement.AchievementValue}" VerticalAlignment="Top"
                   Style="{StaticResource PhoneTextGroupHeaderStyle}" Margin="0" d:LayoutOverrides="VerticalAlignment, Width"
                   Grid.Column="1" />
        <TextBlock Margin="0,12,1,12" TextWrapping="Wrap" Text="Value: " d:LayoutOverrides="Width, Height"
                   Style="{StaticResource PhoneTextAccentStyle}" VerticalAlignment="Center" />
      </Grid>
    </Grid>
  </Grid>

</phone:PhoneApplicationPage>